<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>change事件-表单-JavaScript-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<div class="header">
		<ol>
			<li><a href="../../index.html">首页</a></li>
			<li><a href="index.html">表单初始化</a></li>
			<li><a href="index.event.html">事件</a></li>
			<li>change</li>
		</ol>
	</div>
	<fieldset>
		<legend>change</legend>
		change事件，
		用于用户在选择表单完成后，
		对用户的选择项的合法性进行验证。<br />
		注意：系统默认的change事件，
		只对常用的数据进行验证；<br />
		支持：HTML5, XHTML, DHTML*<br />
		参考：http://www.w3.org/TR/html-markup/input.html
		<div class="br"></div>
		<form action="#" method="post">
		<table>
			<thead>
				<tr>
					<th>类型</th>
					<th>描述</th>
					<th>预览</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>checkbox</td>
					<td>多选</td>
					<td>
						<input type="checkbox" name="checkbox" filter-min="2" filter-max="2" info-margin-left="320" info-error="必须选2项" /><label>checkbox1</label><input type="checkbox" name="checkbox" /><label>checkbox2</label><br />
						<input type="checkbox" name="checkbox" /><label>checkbox3</label><input type="checkbox" name="checkbox" /><label>checkbox4</label>
					</td>
				</tr>
				<tr>
					<td>radio</td>
					<td>单选</td>
					<td><input type="radio" name="radio" /><label>radio</label><input type="radio" name="radio" /><label>radio</label></td>
				</tr>
				<tr>
					<td>file</td>
					<td>上传</td>
					<td><input type="file" name="file" filter-type="jpg,gif,png" info-margin-left="300" info-error="接受JPG,GIF,PNG格式" /></td>
				</tr>
				<tr>
					<td>select-one</td>
					<td>菜单</td>
					<td>
						<select name="select-one">
							<option value="0">请选择</option>
							<option value="1">选项一</option>
							<option value="2">选项二</option>
							<option value="3">选项三</option>
						</select>
					</td>
				</tr>
			</tbody>
		</table>
		</form>
		
		<div class="code example">
			系统事件
		</div>
		<div class="param">
			<strong>selector</strong><br />
			类型：jQuery-Object<br />
			描述：绑定表单元素事件
			<div class="example"><pre><i>jQuery</i> ( '<u>select[name="select-one"]</u>' ) . <b>wscbase_form_event</b> ()</pre></div>
		</div>

		<div class="code example">
			自定义事件
		</div>
		<div class="param">
			<strong>selector</strong><br />
			类型：jQuery-Object<br />
			描述：绑定表单元素事件<br />
			注意：自定义事件只有系统事件验证正确后再执行
			<div class="example"><pre><i>jQuery</i> ( '<u>select[name="select-one"]</u>' ) . <b>data</b> ( '<u>wscore_change</u>', <b>function</b>( <u>cfg</u> ) {
	//# 这里写您需要的JS代码 
	//  参数cfg为Object, 格式如下
	//  var cfg = {
	//      elem 			: select#wscform-element-id-1, 
	//      filter 			: "select-one", 
	//      id 			: "wscform-element-id-1", 
	//      name 		: "select-one", 
	//      required 		: false, 
	//      theme 		: "a", 
	//      type 			: "select-one"
	//  };
	// 
	//  在非IE内核下(如: Chrome, Safari等), 可通过 console.log(cfg) 命令查看详细
})</pre></div>
		</div>
	</fieldset>
	<script type="text/javascript">try{$('select[name="select-one"]').data('wscore_change', function(cfg){console.log(cfg);});}catch(err){console.log(err);}</script>
</body>
</html>